import React, {Component} from 'react';
import '../../component/Questionnaire.css';

/**
 * 课题组5 常规污染物和非常规污染物
 * @autuhor zm
 */
export default class ResultTable5 extends Component {


    render() {
        //定义input的value数组
        const data = this.props.groupData;
        const hiddenData = "*****";//显示隐藏信息的占位符
        return (
            <div>
                <div className="first">
                    <h2 style={{textAlign: 'center'}}>***常规_非常规污染物数据</h2><br/>
                    <table className="table5">

                        <th>ID：</th>
                        <td style={{width: '12.5%'}}>
                            {data.projectId}

                        </td>

                        <th>企业名称：</th>
                        <td style={{width: '12.5%'}}>
                            {data.enterpriseName}

                        </td>

                        <th>国家：</th>
                        <td style={{width: '12.5%'}}>
                            {data.country}
                        </td>

                        <th>省：</th>
                        <td style={{width: '12.5%'}}>
                            {data.province}
                        </td>


                    </table>
                    <table className="table6">
                        <tr>
                            <th>资源归类编码：</th>
                            <td style={{width: '12.5%'}}>
                                {data.resource_id}
                            </td>

                            <th>生产线编号：</th>
                            <td style={{width: '12.5%'}}>
                                {data.productionLine}
                            </td>

                            <th>熟料设计产能：</th>
                            <td style={{width: '12.5%'}}>
                                {data.designProductionCapacity}
                            </td>
                        </tr>
                    </table>
                </div>

                <div className="second">
                    <table border="3" className="table1">
                        <tr>
                            <th rowSpan='4' style={{width: '2%'}}>基<br/>本<br/>信<br/>息</th>
                            <th rowSpan='2' style={{width: '10%'}}>信息</th>
                            <td>保存单位</td>
                            <td>资源提供者</td>
                            <td>资源提供时间</td>
                            <td>共享方式</td>
                            <td>获取途径</td>
                            <td>联系人</td>
                        </tr>
                        <tr>
                            <td>
                                {data.saveDepartment}
                            </td>
                            <td>
                                {data.resourceProvide}
                            </td>
                            <td>
                                {data.resourceProvideTime}
                            </td>
                            <td>
                                {data.sharingMode}
                            </td>
                            <td>
                                {data.accessWay}
                            </td>
                            <td rowSpan="3">
                                {data.linkman}
                            </td>
                        </tr>

                        <tr>
                            <th rowSpan='2' style={{width: '10%'}}>信息</th>
                            <td>
                                单位
                            </td>
                            <td>
                                地址
                            </td>
                            <td>
                                邮编
                            </td>
                            <td>
                                电话
                            </td>
                            <td style = {{width: '20%'}}>
                                E-mail
                            </td>
                        </tr>

                        <tr>
                            <td>
                                {data.department}
                            </td>
                            <td>
                                {data.address}
                            </td>
                            <td>
                                {data.postalCode}
                            </td>
                            <td>
                                {data.phone}
                            </td>
                            <td>
                                {data.email}
                            </td>
                        </tr>

                    </table>
                    <table border="3" className="table2">
                        <tr>
                            <th rowSpan='3'>水泥窑信息</th>
                            <th>项目</th>
                            <th>水泥窑炉数（座）</th>
                            <th>水泥窑规模（吨/日）</th>
                            <th rowSpan='3'>排污许可-污染物排放信息</th>
                            <th>排污许可证编号</th>
                            <th>颗粒物（全厂）许可年排放量限值（吨）</th>
                            <th>颗粒物（主排口）许可年排放量限值（吨）</th>
                            <th>氮氧化物许可年排放量限值（吨）</th>
                            <th>二氧化硫许可年排放量限值（吨）</th>
                            <th rowSpan='3'>水泥窑污染治理设施信息</th>
                            <th>除尘工艺名称（窑头）</th>
                            <th>除尘工艺名称（窑尾）</th>
                            <th>脱硝工艺名称（窑尾）</th>
                            <th>脱硝还原剂种类及用量（吨）</th>
                            <th>脱硫工艺情况（窑尾）</th>
                        </tr>
                        <tr>
                            <th>单位</th>
                            <td>座</td>
                            <td>吨/日</td>
                            <td>~~~</td>
                            <td>~~~</td>
                            <td>吨</td>
                            <td>吨</td>
                            <td>吨</td>

                            <td>窑头</td>
                            <td>窑尾</td>
                            <td>窑尾</td>
                            <td>吨</td>
                            <td>窑尾</td>

                        </tr>
                        <tr>
                            <th>数值</th>
                            <td>
                                {data.shuiniyao_ls}
                            </td>
                            <td>
                                {data.shuiniyao_gm}
                            </td>
                            <td>
                                {data.paiwu_xkzbh}
                            </td>
                            <td>
                                {data.ketiwu_qc_xk_npfxz}
                            </td>
                            <td>
                                {data.ketiwu_zpk_xk_npfxz}
                            </td>
                            <td>
                                {data.danyanghuawu_xk_npfxz}
                            </td>
                            <td>
                                {data.eryanghualiu_xk_npfxz}
                            </td>
                            <td>
                                {data.chuchen_gymc_yt}
                            </td>
                            <td>
                                {data.chuchen_gymc_yw}
                            </td>
                            <td>
                                {data.tuoxiao_gymc_yw}
                            </td>
                            <td>
                                {data.tuoxiao_hyjzl_yl}
                            </td>
                            <td>
                                {data.tuoliu_gyqk}
                            </td>

                        </tr>
                    </table>
                </div>
            </div>
        )
    }

}




